第 2 步 - 创建燃油和电池指针

在本步骤中，您将学习使用与上一步骤相同的方法创建燃油和电池指针。

创建燃油指针

在本节中，您将学习创建燃油指针。

要创建燃油指针：

从资产 (Assets) 拖动 FuelBatteryNeedle 图像并将其放到预览 (Preview) 中的Gauges 上。
在工程 (Project) 中选择 FuelBatteryNeedle 节点，按下 F2 并将其重命名为 FuelNeedle。
使用预览 (Preview) 工具和节点属性调整 FuelNeedle 节点的位置，与您在上一步骤中对 SpeedNeedle 做的操作一样。调整位置时，遵循以下指南：
1. 使用Guides 节点和渲染变换 (Render Transformation) 属性的参考线将 FuelNeedle 放到放到速度仪表的左侧。
  建议
  使用右上角预览 (Preview) 缩放滑块调整预览 (Preview) 中内容的缩放比例。
  建议
  要在预览 (Preview) 中平移：
  - 点击鼠标中键并拖动。
  - 按下 Space 键，然后点击鼠标左键并拖动。
2. 使用渲染变换原点 (Render Transformation Origin) 属性将节点原点设在节点顶部中心。您只需设置 X 特性为 0.5。
在素材库 (Library) 中按下 Alt 并右键点击属性类型 (Property Types)，选择属性类型 (Property Type) 并在属性类型编辑器 (Property Type Editor) 中设置：
- 名称 (Name) 为Gauges.Fuel
- 显示名称 (Display Name) 为Fuel
- 类别 (Category) 为Gauges
- 数据类型 (Data Type) 为整数 (Integer)
- 下界 (Lower Bound) 为 0
- 上界 (Upper Bound) 为 100
点击保存 (Save) 用您定义的属性创建一个属性类型。
您可以使用自定义属性类型控制Gauges 中 FuelNeedle 的位置。
在工程 (Project) 中选择Gauges 节点，并在属性 (Properties) 中添加Fuel 属性。
建议
您可以通过从素材库 (Library) > 属性类型 (Property Types) 拖动属性类型并放到要向其添加属性类型的工程 (Project) 中的节点来向节点添加自定义属性类型。
在工程 (Project) 中选择 FuelNeedle 节点，在属性 (Properties) 中点击绑定 (Bindings) 属性旁的添加绑定 (Bindings) 属性，并在绑定参数编辑器 (Binding Argument Editor) 中设置：
- 属性 (Property) 为渲染变换 (Render Transformation)
- 特性 (Attribute) 为旋转 Z (Rotation Z)
- 表达式 (Expression) 为
```
{@../Gauges/Gauges.Fuel}-39
```
  当Fuel 属性的值为 0 时，必须从属性值中减去 39 才能将指针正确定位在量表上的值 0 处。
使用绑定，您可以通过您在上一步骤中添加到Gauges 节点的Fuel 属性控制 FuelNeedle 节点绕 z 轴旋转。
在工程 (Project) 中拖动 FuelNeedle 节点并将其放到Gauges 节点上方。
Gauges 节点具有Fuel 和Battery 仪表的透明开口，您可在其中查看指针位置。工程 (Project) 中的节点位置定义节点的渲染顺序：首先渲染显示在工程 (Project) 中场景图顶部的节点，最后渲染场景图底部的最后一个节点。通过将 FuelNeedle 节点放在Gauges 上方，Kanzi 首先渲染 FuelNeedle 节点，然后在其顶部渲染Gauges 节点，仅显示一小部分 FuelNeedle，以创建简洁的燃油指示器。

创建电池指针

在本节中，您将学习创建电池指针。

要创建电池指针：

从资产 (Assets) 拖动 FuelBatteryNeedle 图像并将其放到预览 (Preview) 中的Gauges 上，并将其命名为 BatteryNeedle。
使用预览 (Preview) 工具和节点属性调整 BatteryNeedle 节点的位置和渲染变换原点 (Render Transformation Origin)，与您对 FuelNeedle 做的操作一样，只不过要将 BatteryNeedle 放在速度仪表右侧。
创建属性类型，并在属性类型编辑器 (Property Type Editor) 中设置：
- 名称 (Name) 为Gauges.Battery
- 显示名称 (Display Name) 为Battery
- 类别 (Category) 为Gauges
- 数据类型 (Data Type) 为整数 (Integer)
- 下界 (Lower Bound) 为 0
- 上界 (Upper Bound) 为 100
点击保存 (Save) 用您定义的属性创建一个属性类型。
您可以使用自定义属性类型控制Gauges 中 BatteryNeedle 的位置。
建议
由于Battery 和Fuel 属性类型之间的唯一不同就是名称，因此在素材库 (Library) 中右键点击Fuel 属性，选择重复 (Duplicate)，将重复项重命名为 Gauges.Battery，并在属性 (Properties) 中将显示名称 (Display Name) 属性设为Battery。
在工程 (Project) 中选择Gauges 节点，并添加Battery 属性。
在工程 (Project) 中，选择BatteryNeedle 节点，添加绑定并在绑定参数编辑器 (Binding Argument Editor) 中设置：
- 属性 (Property) 为渲染变换 (Render Transformation)
- 特性 (Attribute) 为旋转 Z (Rotation Z)
- 表达式 (Expression) 为
```
-{@../Gauges/Gauges.Battery}+39
```
  您必须使用负值，使指针在属性值增加时沿逆时针方向旋转。当Battery 属性的值为 0 时，必须在属性值中加上 39 才能将指针正确定位在仪表上的 0 值处。
使用绑定，您可以通过您在上一步骤中添加到Gauges 节点的Battery 属性控制 BatteryNeedle 节点绕 z 轴旋转。
在工程 (Project) 中拖动 BatteryNeedle 节点并将其放到Gauges 节点上方。
与 FuelNeedle 一样，通过将 BatteryNeedle 节点放在Gauges 上方，Kanzi 首先渲染 BatteryNeedle 节点，然后在其顶部渲染Gauges 节点，仅显示一小部分 BatteryNeedle，以创建简洁的电池指示器。

现在您可以使用Gauges 节点中的Speed、Fuel 和Battery 属性控制速度、燃油和电池仪表指针。